*{
    margin: 0;
    padding: 0;
}

.photo{
    float: left;
    width: 320px;
    height: 600px;
    background: linear-gradient(180deg,#ead6ee,#a0f1ea)fixed;
    margin-left:50px;
    font-size: "微软雅黑 Light";
    color: #2c606d;
    border-radius: 5px;
    box-shadow: 0 0 7px #ead5ee;
    overflow: hidden;
}

.title{
    margin-top: 5px;
    width: 100%;
    height: 70px;
    font-size: 32px;
    text-align: center;
    line-height: 70px;
}

.singer{
    width: 100%;
    height: 40px;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
}

.play{
    width: 152px;
    height: 163px;
    background-image: url("./music/img/index.png");
    background-repeat: no-repeat;
    margin: 20px auto;
}

.lrc{
    width: 100%;
    height: 220px;
    margin: 50px auto;
    text-align: center;
    overflow: hidden;
}

.lrc p{
    line-height: 20px;
    font-size: 15px;
}

.content{
    position: relative;
}

.play.rotate{
    -webkit-animation: rot 5s linear infinite;
    animation: rot 5s linear infinite;
}

@keyframes rot{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}